 {include file="index@public/header" /}
<style type="text/css">

  
 #gengduoli {padding: 3px;}
   #gengduoli>.gengduoli,  #gengduoli1>.gengduoli {
      text-align: justify;
      max-width: 1230px;
      width: 98%;
  }
  #gengduoli>.gengduoli *{
    margin: unset;
    padding: revert;
  }

  #gengduoli1>.gengduoli *{
    margin: unset;
    padding: revert;
    list-style: revert;
  }

  .Part_No {color:#36648a;}
  .delail_list .price-a{color:#19792f}
  .delail_list:hover{background-color: #36648a;}
  .delail_list:hover div {color:#ffffff}
  .table_header{
    color:#333;
    display:table-cell;
    vertical-align: middle;
    padding:5px 10px 5px 5px;
    border-bottom:1px solid black;
    position:-webkit-sticky;
    position:sticky;
    top:111px;
    background-color:#EFEFEF;
    word-break:break-all;
    line-height: 15px;
    font-size: 13px;
    line-height: 20px !important;
  }
  .layui-card{
    
    margin-bottom: 0px;
    font:  12px/14px arial,helvetica,sans-serif;
  }
  .layui-card-body{
    line-height: 20px !important;
  }
  .delail_list div{height: 14px;line-height: 14px;padding-left:5px;}
</style>

<div class="layui-card layui-container card" style="margin-top: -5px">
  <div class="layui-card-body">

    <div>
      <div style="padding: 2px 5px">
        <!-- 面包屑 -->
        <div class="layui-breadcrumb" lay-separator="/" style="visibility: visible;padding-top:5px;">
          {foreach $crumbs as $k=>$v }
          <?php if($k!=count($crumbs)-1){?>
          <a href="/{$v['crumbs_url']}" style="font: 12px/14px arial,helvetica,sans-serif;color:#36648A">{$v['alias_name']}</a>
          <?php }else{ ?>
          <span style="font: 12px/14px arial,helvetica,sans-serif;"> <span style="padding-left: 10px;color: #999">/</span> <cite style="color: #666;padding-right:20px">{$class_info['alias_name']}</cite></span>
          <?php } ?>
          {/foreach}
        </div>
       
        <div style="background-color: #ededed;height:32px;line-height:32px;padding-left:3px;">
 
          <h1 style="display: inline;font-size:18px">{$class_info['alias_name']}</h1>
          <span style="padding: 0px 20px">{$table_count}产品</span> 
          
        </div>
        <!-- 页面描述 --> 
        <?php if(!empty($classify_content['total_des'])){?>
          <div id='gengduoli'>
            <div class='gengduoli'>
            <!-- 以</p>标签分组 若没有该标签直接显示 若存在 默认显示第一个<p>标签 其余的以点击more形式展示 -->
            <?php $content_ex=explode("</p>",htmlspecialchars_decode($classify_content['total_des']));if(count($content_ex)>3){?>
            {:htmlspecialchars_decode($content_ex[0])."</p>"}{:htmlspecialchars_decode($content_ex[1])."</p>"}{:htmlspecialchars_decode($content_ex[2])."<span style='cursor:pointer;color:#36648a;font-style:italic;' id='detailmoreid'>More</span></p>"}
            <div style="display:none" id='detailmore'>
            <?php for($i=3;$i<count($content_ex);$i++){?>
            <?php if($i+1==count($content_ex)){?>    
            {:htmlspecialchars_decode($content_ex[$i])."<span style='cursor:pointer;color:#36648a;font-style:italic;' id='detailcloseid'>Close</span></p>"}
            <?php }else{ ?>
            {:htmlspecialchars_decode($content_ex[$i])}
            <?php } ?>
            <?php } ?>
            </div>
            <?php }else{ ?>
            {:htmlspecialchars_decode($classify_content['total_des'])}
            <?php } ?>
            </div>
          </div>  
        <?php } ?>
        
         <div>
            <div class="posit-boxs">
              
              <!-- 分类名称 链接 简单描述 -->
            <div style="position:-webkit-sticky;position:sticky;top:60px;z-index:10;">
                <div style="background-color:#ffffff;padding: 5px 0px 5px 3px;">
                  <img style="height:42px;padding: 0px 5px" src="{:Config::get('app.images_host').$class_info['img']}?format=webp" alt="{$class_info['alias_name']}">
                  <a href="<?php echo http_type().$_SERVER['HTTP_HOST'].explode('?', $_SERVER['REQUEST_URI'])[0];?>" style="font-size:13px;">{$class_info['alias_name']}</a>
                  <?php if(!empty($classify_content['tab_title_des'])){?>
                  <span style="font-style: italic;margin-left:10px">{$classify_content['tab_title_des']}</span>
                  <?php } ?>
                </div>
            </div> 
            
            <div style='display:inline-table;width: 100%;'>

              <div style="background-color:#EFEFEF;display:table-row;"> 
                  <div class="table_header">型号</div>
                  {foreach $table_title as $k=>$v }
                  <div class="table_header">{$v}</div>
                  {/foreach}
                  <?php if($is_show_price==1){?>
                  <div class="table_header">Price</div>
                  <?php } ?>
              </div>
              
            
            {foreach $table_data as $k=>$v }
            <a class='delail_list' style="display:table-row;color:#333;text-decoration:none" href="/products/{$v['url_product']}/">
              <div class="Part_No Product">{$v['part_number']}</div>
              {foreach $v as $k1=>$v1 }
              <?php if($k1!='url_product'&&$k1!='pid'&&$k1!='part_number'&&$k1!='price'){?>
                <?php if(!empty($v1)){?>
                <div style="display:table-cell;padding:0px 0px 0px 3px;">{:lang($v1)}</div>
                <?php }else{ ?>
                <div style="display:table-cell;padding:0px 10px 0px 3px;">-</div>
                <?php } ?>
              <?php } ?>
              {/foreach}
              <?php if($is_show_price==1){?>
              <div class="price-a">{$v['price']}</div>
              <?php } ?>
            </a>
            {/foreach}
            
           </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>


{include file="index@public/footer" /}

<script type="text/javascript">
$(document).ready(function(){
  $("#detailmoreid").click(function(){
    $("#detailmore").show();
    $("#detailmoreid").hide();
  });
  $("#detailcloseid").click(function(){
    $("#detailmore").hide();
    $("#detailmoreid").show();
  });
})
</script>